<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Articles: example client of Sententialyzer</title>

<style type="text/css" title="currentStyle">
@import "css/demo_page.css";
@import "css/jquery-ui.css";

@import "DataTables-1.9.4/media/css/demo_table.css";
</style>

<script type="text/javascript" language="javascript"
	src="DataTables-1.9.4/media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="jquery-ui.js"></script>
<script type="text/javascript" language="javascript"
	src="DataTables-1.9.4/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="jquery.color.plus-names-2.1.2.js"></script>
<script type="text/javascript" language="javascript" src="articles.js"></script>

<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		//$('#u_name').val('mod1');
		//$('#u_pass').val('123');
		//$('#is_moderator').prop('checked', true);
		
		$('#u_name').val('c1');
		$('#u_pass').val('123');
		$('#is_moderator').prop('checked', false);
		
		doLogin(function(){
			//gotoListArticles(0);
			//gotoListArticles("Bulgaria");
			gotoListArticles("WiredScience");
		}
		);
		//gotoCreateArticle();
		
	} );
</script>
</head>
<body id="dt_example">
	<table>
		<tbody>
			<tr>
				<td colspan="2">
					<h1>Login</h1>
					<table>
						<tbody>
							<tr>
								<td valign="top">
									Username: <input id="u_name" type="text" height="5" />
									Password: <input id="u_pass" type="password" />
									<input id="is_moderator" type="checkbox" /> Moderator
									<input type="submit" value="GO" onclick="doLogin()" />
								</td>
								<td id="login_choice"></td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<h1>Content</h1>
				</td>
			</tr>
			<tr>
				<td id="navigation" valign="top">
					<ul style="width: 268px;">
						<li><a href="javascript:gotoCreateArticle()">Create
								article</a></li>
						<li>List articles
							<ul>
								<li><a href='javascript:gotoListArticles(0)'>All
										articles</a></li>
								<li><a href='javascript:gotoListArticles("Bulgaria")'>Articles
										from Bulgaria</a></li>
								<li><a href='javascript:gotoListArticles("France")'>Articles
										from France</a></li>
								<li><a href='javascript:gotoListArticles("WiredScience")'>WiredScience</a></li>
							</ul>
						</li>
					</ul>
				</td>
				<td id="td_content" valign="top"></td>
			</tr>
		</tbody>
	</table>
</body>
</html>